<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>宿舍成员</title>
</head>

<body>
    <header>
        <img src="tp/logo.jpg" alt="宿舍网站Logo" class="logo">
        <nav>
            <a href="../index.html">首页</a>
            <a href="#">宿舍成员</a>
            <a href="life.html">宿舍生活</a>
            <a href="stories.html">宿舍故事</a>
            <a href="about.html">关于我们</a>
        </nav>
    </header>

    <main>
        <!-- 小缪 -->
        <section class="member">
            <img src="tp/gy.jpg" alt="张三" class="member - img">
            <div>
            <h2>小缪</h2>
            <p>专业：软件技术</p>
            <p>兴趣爱好：羽毛球，音乐</p>
            <p>个性签名："没事的，没事的！"</p>
            <p>简介：小缪爱打羽毛球，喜欢跟隔壁的小薛一起。</p>
        </div>
    </section>

        <!-- 小姝 -->
        <section class="member">
            
            <img src="tp/yh.jpg" alt="李四" class="member - img">
            <div>
            <h2>小姝</h2>
            <p>专业：软件技术</p>
            <p>兴趣爱好：追星，追星</p>
            <p>个性签名："......跟我一起追星吧。"</p>
            <p>简介：小姝是一位狂热的峰峻妹，时刻安利自家孩子，并有着一个重庆梦。</p>
        </div>
    </section>

        <!-- 李雯-->
        <section class="member">
            <img src="tp/hello.jpg" alt="李雯" class="member - img">
            <div>
            <h2>李雯</h2>
            <p>专业：软件技术</p>
            <p>兴趣爱好：唱歌，听歌，跳舞</p>
            <p>个性签名："唱歌是我的乐趣"</p>
            <p>简介：李雯是个文艺青年，喜欢唱歌和跳舞。她还经常组织宿舍的电影之夜，大家一起看电影、讨论剧情。</p>
        </div>
    </section>

        <!-- 秦妙燕 -->
        <section class="member">
            <img src="tp/lh.jpg" alt="秦妙燕" class="member - img">
            <div>
            <h2>秦妙燕</h2>
            <p>专业：软件技术</p>
            <p>兴趣爱好：听歌</p>
            <p>个性签名："绿色生活，从我做起！"</p>
            <p>简介：秦妙燕是个环保主义者，宿舍的垃圾分类和节能措施都是由她推动的。她还喜欢骑行，经常组织宿舍成员一起骑行郊游。</p>
       </div>
    </section>
    </main>

    <footer>
        <p>版权归本宿舍所有，20XX - 20XX</p>
        <p>邮箱：dorm@example.com</p>
    </footer>

    <script src="script.js"></script>
</body>

</html>